<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>

</head>
<style>

</style>
<body>
    <div th:include="load"></div>
    <div class="layui-row layui-col-space15 layui-anim layui-anim-upbit">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header layui-form">
                    <span class="layui-breadcrumb">
                        <a href="javascript:void(0)">系统管理</a>
                        <a><cite>菜单管理</cite></a>
                    </span>
                </div>
                <div class="layui-card-body">
                    <table id="data_table" class="layui-hide" lay-filter="data_table"></table>
                </div>
            </div>
        </div>
    </div>
    <!-- 授权角色 -->
    <form class="layui-form" id="role_menu_form" action="" lay-filter="role_menu_form" style="padding:10px;display: none;">
        <fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
            <legend>授权角色</legend>
        </fieldset>
        <input type="text" name="mid" class="layui-input" style="display: none">
        <div class="layui-form-item">
            <table id="role_menu_table" class="layui-hide" lay-filter="role_menu_table"></table>
        </div>
        <br>
        <div class="layui-form-item" style="text-align: center;">
            <a class="layui-btn lay-submit-btn" lay-submit="" lay-filter="roleMenuForm">立即提交</a>
            <a class="layui-btn layui-btn-primary lay-close-btn">关闭</a>
        </div>
    </form>
    <!-- 新增编辑表单 -->
    <form class="layui-form" id="data_form" action="" lay-filter="data_form" style="padding:10px;display: none;">
        <fieldset class="layui-elem-field layui-field-title" style="color:#89b586;">
            <legend>基本信息</legend>
        </fieldset>
        <input type="text" name="mid" class="layui-input" style="display: none">
        <div class="layui-form-item">
            <label class="layui-form-label req">上级菜单</label>
            <div class="layui-input-block">
                <input type="text" name="parentId" id="parentTree" lay-filter="parentTree" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">菜单编码</label>
            <div class="layui-input-block">
                <input type="number" name="code" class="layui-input" placeholder="请输入编码" autocomplete="off" lay-verify="required|number"
                       lay-reqtext="编码为必填项">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">菜单名称</label>
            <div class="layui-input-block">
                <input type="text" name="mname" class="layui-input" placeholder="请输入名称" autocomplete="off" lay-verify="required"
                       lay-reqtext="名称为必填项">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">状态</label>
            <div class="layui-input-block" id="state"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">图标</label>
            <div class="layui-input-block">
                <input type="text" name="iconCls" id="iconCls" value="" class="layui-input" placeholder="请选择图标">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">路由</label>
            <div class="layui-input-block">
                <input type="text" name="url" class="layui-input" placeholder="请输入路由" autocomplete="off">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">权限</label>
            <div class="layui-input-block" id="isProject"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label req">类型</label>
            <div class="layui-input-block" id="type"></div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">主页</label>
            <div class="layui-input-block" id="homeState"></div>
        </div>
        <div class="layui-form-item" style="text-align: center;margin-top: 30px;">
            <a class="layui-btn lay-submit-btn" lay-submit="" lay-filter="submitForm">立即提交</a>
            <a class="layui-btn layui-btn-primary lay-close-btn">关闭</a>
        </div>
    </form>
</body>

<script type="text/html" id="toolberLeft">
    <div class="layui-form">
        <a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="expand" style="margin-left: 5px;" title="展开">展开</a>
        <a class="layui-btn layui-btn-sm layui-btn-primary" lay-event="fold" style="margin-left: 5px;" title="折叠">折叠</a>
        <div class="layui-input-inline">
            <input type="text" name="name" class="layui-input" id="serarch_name" style="height: 33px;" placeholder="请输入名称关键字">
        </div>
        <div class="layui-inline" style="text-align: center;">
            <a class="layui-btn layui-btn-sm" lay-event="search" style="margin-left: 5px;"><i class="layui-icon">&#xe615;</i>搜索</a>
        </div>
        <a th:if="${btn_add}" class="layui-btn layui-btn-sm layui-btn-primary" lay-event="add" style="margin-left: 5px;"><i class="layui-icon">&#xe654;</i>新增</a>
    </div>
</script>
<script type="text/html" id="toolRow">
    <a th:if="${btn_add}" class="layui-btn layui-btn-xs layui-btn-primary" lay-event="add">添加下级</a>
    <a class="layui-btn layui-btn-xs" lay-event="all">更多 <i class="layui-icon layui-icon-down"></i></a>
</script>

<script type="text/html" id="switchRow">
    <input type="checkbox" mid="{{d.mid}}" {{d.state==1?"checked":""}} name="state" lay-skin="switch" lay-filter="stateSwitch" lay-text="启用|禁用">
</script>

<script type="text/javascript" th:src="@{/js/sys/meun.js}"></script>

</html>